<template>
    <div class="expand">
        <a :href="link" target="_blank">
            <i class="iconfont icon-tuiguang"></i>
            <slot>推广链接名称啊第三方第三方付款啊贷款首付款</slot>
        </a>
    </div>
</template>

<script>
// 推广
export default {
    name: "expand",
    props: {
        link: {
            type: String,
            default: 'javascript:;'
        }
    }
}
</script>

<style scoped lang="less">
    @import "@/theme.less";
    .expand{
        position: absolute;
        z-index: 4;
        left:10px;
        bottom:30px;
        min-width: 50px;
        max-width: 130px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 25px;
        line-height: 25px;
        padding: 0 10px;
        background: @main-color1;
        color: #fff;
        font-size: @font-min;
        border-radius: 15px;
        i{
            float: left;
            font-size: @font-max;
            margin-right: 5px;
        }
        a{
            color: #fff;
        }
    }
</style>
